@charset "utf-8";
/* CSS Document */
body *{ font-family:"微软雅黑"; }

/* cra_message */
.child-header .car_editor { position:absolute; right:0.5rem; top:0.5rem; color:#fff; font-size:0.7rem; }
.myorder_track{padding-bottom: 3rem;}
.car_message_list li { padding:.8rem 0rem 1rem 0.8rem; zoom:1; border-bottom:2px solid #d5d5d5; position:relative; width:15.2rem; overflow:hidden; }
.car_message_list li:after{ width:100%; content:""; clear:both; display:block; }
.car_message_list li.default { background:url(../images/vip_orders/car_moren.png) no-repeat top right; background-size:2.8rem; }
.car_logo { width:2.8rem; float:left; }
.car_logo img { width:2.8rem; }
.car_message { width:11rem; float:left; margin-left:0.8rem; }
.car_message h2 { width:9.4rem; height:2rem; font-size:0.7rem; color:#333; word-break:break-all; line-height:1rem; overflow:hidden; }
.car_message p { width:11rem; color:#666; zoom:1; }
.car_message p:after { display:block; content:""; clear:both; }
.car_message p strong, .car_message p span { display:block; float:left; }
.car_message p strong { font-weight:normal; }
.car_message p span { margin-left:0.8rem; }

.add_new_car {position:fixed; bottom:2rem; left:0; padding-top:.4rem; padding-bottom: .4rem; width:100%; background-color: #fff;}
.add_new_car a { display:block;  width:12.55rem; height:1.7rem; border:2px solid #ff7143; font-size:0.8rem; text-align:center; line-height:1.7rem; margin:0 auto; color:#ff7143; }
.add_new_car a strong { display:inline-block; width:0.9rem; height:0.9rem; line-height:0.85rem; background:#ff7143; color:#fff; border-radius:50%; }

/* 滑入编辑框 */
.slide_box { position:absolute; top:0; left:0; z-index:100; width:11.1rem; height:5rem; transform:translateX(16rem); -webkit-transform:translateX(16rem); transition:0.4s; -webkit-transition:0.4s; }
.slide_box a { display:block; float:left; width:3.7rem; height:5rem; text-align:center; color:#fff; font-size:0.7rem; }
.slide_box a span { display:block; margin:1.4rem auto 0.4rem auto; width:1.2rem; height:1.1rem; background:url(../images/vip_orders/slide_box.png) no-repeat; background-size:1.2rem; }
.slide_box a:nth-of-type(1) { background:#ff7043; }
.slide_box a:nth-of-type(1) span { background-position:0 0; }
.slide_box a:nth-of-type(2) { background:#ed4851; }
.slide_box a:nth-of-type(2) span { background-position:0.2rem -1.1rem; }
.slide_box a:nth-of-type(3) { background:#e02c36; }
.slide_box a:nth-of-type(3) span { background-position:0.2rem -2.2rem; }

.moveshow { transform:translateX(5rem); -webkit-transform:translateX(5rem); }
.mask_over_box {width: 100%; height: 5rem; position: absolute; top: 0; left: 0; z-index: 10;}


/* 删除界面 */
.del_wrap { width:100%; position:fixed; top:0; left:0; z-index:10000; }
.mask_over { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.4; z-index:1; }
.del_text { width:12.8rem; height:6.6rem; background:#fff; position:absolute; top:6.4rem; left:50%; margin-left:-6.4rem; z-index:2; }
.del_text p { color:#404040; line-height:1.25rem; padding:0.8rem 0 1rem 2.4rem; }
.del_text div { padding-left:2.4rem; width:8rem; zoom:1; }
.del_text div:after { content:""; clear:both; }
.del_text div input { border:none; background:none; font-size:0.7rem; }
.del_text div input:focus { outline:none; }
.del_text div input:nth-of-type(1) { float:left; color:#999; }
.del_text div input:nth-of-type(2) { float:right; color:#2196f3; }

/* 保养记录 */
.car_fixed { position:fixed; top:1.88rem; left:0; z-index:3; width:100%; height:7.6rem; overflow:hidden; background:#fff; }
.car_ymessage { padding:0.65rem 0; }
.car_img { width:4.75rem; padding-left:0.8rem; float:left; }
.car_img img { width:100%;}
.car_name { width:8.85rem; float:left; margin-left:0.75rem; }
.car_name h3 { font-size:0.7rem; color:#404040; line-height:0.95rem; width:100%; height:1.9rem; font-weight:normal; overflow:hidden; }
.car_name p { font-size:0.65rem; color:#9a9a9a; }

.goto_see { width:100%; background:#fdf7eb; padding:0.7rem 0 0.7rem 0.8rem; }
.goto_see div:nth-of-type(1) { width:10.25rem; float:left; color:#ff8f6e; }
.goto_see div:nth-of-type(1) p { line-height:1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.goto_see div:nth-of-type(2) { width:3.65rem; float:left; padding-top:0.1rem; margin-left:0.5rem; }
.goto_see div:nth-of-type(2) a { display:block; width:3.65rem; height:1.8rem; background:#ff7043; color:#fff; text-align:center; font-size:0.65rem; line-height:1.8rem; border-radius:0.2rem; }

.car_record { position:relative; margin-top:9.48rem; width:100%; }
.car_record ul {/* position:absolute; top:0; left:0; */width:100%; }
.car_record ul li { padding:1rem 0 1rem 0.8rem; width:100%; position:relative;clear: both;overflow: hidden; }
.car_record ul li.li_bg{background-color: #fff;}
.car_record ul li:nth-of-type(2n) { background:#fafafa; }
.car_record li .p-left { color:#9a9a9a; padding-left:1.6rem;float: left;width: 9.75rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.car_record li .p-right{float: right;width: 4.5rem;}
.car_record li .p-right a{color: #5184bd;}
.car_record .icon, .car_record .icon div { border-radius:50%; transition:all 0.5s; }
.car_record .icon { width:0.7rem; height:0.7rem; background:#fff; border:0.1rem solid #d5d5d5; position:absolute; top:1rem; left:0.8rem; z-index:2; }
.car_record .icon div { width:0.35rem; height:0.35rem; background:#d5d5d5; margin:0.175rem auto; }

.through { width:0.1rem; height:102%; background:#d5d5d5; position:absolute; left:1.2rem; top:0; z-index:1; }
.car_record .scr_this .icon { border-color:#e02c36; }
.car_record .scr_this .icon div { background:#e02c36; }

.content { padding-left:1.6rem; width:12.8rem; padding-bottom:0.8rem; }
.content h4 { background:url(../images/vip_orders/time_icon.png) no-repeat 0 center; background-size:0.6rem; text-indent:0.9rem; font-weight:normal; color:#979797; line-height:1.2rem; }
.content div { width:12.8rem; zoom:1; }
.content div:after { display:block; content:""; clear:both; }
.content div h3, .content div p { float:left; color:#404040; }
.content div h3 { width:3.6rem; font-size:0.7rem; font-weight:normal; }
.content div p { width:9.2rem;line-height:1.2rem; padding-left:0;}
.content div:nth-of-type(1) p { color:#e02c36; }

/*会员规则*/
.member{margin-top: 1.88rem;}
.member-section{}
.member h3{background-color:#efefef;height:2rem;line-height:2rem;font-size: .75rem;padding: 0 .75rem;}
.member-list-warp{}
.member-list-title{height: 2.625rem;line-height: 2.625rem;border-top:1px solid #d5d5d5;clear:both;padding:0 .75rem;background-color: #fafafa;}
.member-list-title span{float: left;font-size: .66rem;color:#333;}
.member-list-title img{float:right;width:.6rem; margin-top:1.2rem; transition:all 0.3s; }
.list_show img { transform:rotate(180deg);}
.list-content-wrap{ clear: both;background-color:#fff;border-top:1px solid #d5d5d5;background-color:#fff;padding:.65rem .75rem;overflow: hidden; display:none;}
.member-list-content{clear: both;overflow:hidden;line-height:1.1rem;font-size:.65rem;color:#585858;}
.list-content-left{float:left;line-height:1.05rem;}
.list-content-right{float:right;width: 10rem;}
.list-content-more{clear:both;padding-left: 1.2rem;font-size: .6rem;}
.appear{max-height:15rem;}
.disappear{max-height: 0;}


/* 我的订单（公共部分） */
.my_info li h3, .my_info li p, .all_info li h3, .all_info li p{ font-size:0.75rem; float:left; overflow:hidden; }
.my_info li h3, .all_info li h3 { width:5.6rem; font-weight:normal; color:#979797; }

/* 我的订单（维修订单） */
.myorder_track { }
.order_num { line-height:2.8rem; background:#ebebeb; text-indent:1rem; }
.about_car { width:100%; padding:1rem; border-bottom:2px solid #d5d5d5; }
.fault_pic { width:35%; float:left; }
.fault_pic img { width:90%; }
.schedule { width:50%; padding-top:0.3rem; float:left; }
.schedule p { line-height:1.2rem; font-size:0.75rem; color:#979797; }
.schedule p span { color:#3f3f3f; }
.my_info li { width:100%; height:2.75rem; line-height:2.75rem; padding:0 1rem; border-bottom:2px solid #d5d5d5; overflow:hidden; position:relative; }
.my_info li p { width:8.2rem; height:100%; color:#3f3f3f; }
.my_info li.car_info p { padding-top:0.2rem; white-space:pre-wrap; line-height:1.2rem; height:2.75rem; box-sizing:border-box; }
.my_info li.car_addres p { width:7.4rem; }
.my_info li a { background:#fff; z-index:3; font-size:1.2rem; color:#c6c6c6; font-weight:bold; }


/* 我的订单（订单详情） */
/* 车辆相关信息 */
.all_info { border-bottom:2px solid #d5d5d5; background:#fff; padding:0.2rem 1rem; }
.all_info li { width:100%; }
.all_info li p { line-height:1.2rem; width:8.2rem; }
.all_info li p span { display:block; }
.all_info li p span:nth-of-type(2) { white-space:pre-line; }
.all_info .doing { color:#d11522; }
.all_info .complete { color:#4cae7a; }

.project { background:#f5f5f5; border-bottom:2px solid #d5d5d5; overflow:hidden; }
.project li { width:100%; padding-bottom:0.6rem; padding-left:0.7rem; border-bottom:2px dotted #d5d5d5; }
.project li:nth-last-child(1) { border-bottom:none; }
.project li h1 { font-size:0.7rem; line-height:1.8rem; padding-top:0.3rem; }
.project .border_wrap { width:14.5rem; border:2px dashed #b5b5b5; border-radius:0.3rem; }
.project .price { padding:0.4rem; }
.project .project_pic { width:3rem; float:left; margin-right:0.4rem; position:relative; }
.project .project_pic .cancel_pic { display:none; width:3rem; position:absolute; left:0; bottom:0; }
.project .project_pic .cancel_pic img { width:3rem; vertical-align:bottom; }
.project .project_list { width:10.2rem; float:left; padding-top:0.2rem; }
.project .project_list p { color:#3e3e3e; width:6.8rem; line-height:1.3rem; float:left; }
.project .project_list span { width:3rem; float:right; color:#d11522; text-align:right; }

/* 取消一行项目 */
.bill_list .cancel .cancel_pic { display:block; }
.bill_list .cancel .project_list p { width:10rem; color:#949494; }
.bill_list .cancel .project_list span { display:none; }

/* 取消一条项目 */
.bill_list .delete h1 { background:url(../images/vip_orders/cancel_title.png) no-repeat 5rem 0.8rem; background-size:2.4rem; }
.bill_list .delete .project_list p, .bill_list .delete .project_list p, .bill_list .delete .project_list span { color:#949494; } 

.favourable { background:#fff; border-bottom:2px solid #d5d5d5; overflow:hidden; }
.favourable li { padding:0.75rem 0 0.75rem 0.6rem; border-bottom:2px dotted #d5d5d5; zoom:1; }
.favourable li:after { display:block; content:""; clear:both; }
.favourable li:nth-last-child(1) { border-bottom:none; }
.favourable li p { width:10rem; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.favourable li span { color:#d11522; }

.total { padding-bottom:1rem; }
.bill_details { width:7.6rem; float:right; margin-right:0.8rem; z-index:1; }
.total .bill_details li { text-align:right; border-bottom:2px dotted #d5d5d5; padding:0.5rem 0; zoom:1; }
.total .bill_details li:nth-last-child(1) { border:none; }
.total .bill_details li:after { display:block; content:""; clear:both; }
.bill_details li p { width:4rem; line-height:1.2rem; float:left; }
.bill_details li span { display:block; text-align:left; float:left; color:#d11522; margin-left:0.2rem; }

.payment_status { position:fixed; left:0; bottom:0; padding-left:0.8rem; width:100%; line-height:2.4rem; color:#d11522; font-weight:bold; background:#fff url(../images/vip_orders/bottom_bg.png) repeat-x top; z-index:2; }

/*积分规则*/
.pot_h4 {
    font-size: .7rem;
    padding: 0 .64rem;
    color: #ff8a00;
    font-weight: bold;
    background-color: #FFFFFF;
    line-height: 1.7rem;
    border-bottom: 1px solid #d5d5d5;
}

.rule_list {
    background-color: #FFFFFF;
}

.potMain_list {
    padding: .36rem .64rem;
    border-bottom: 2px solid #d5d5d5;
}

.rule_list .mclearfix {
    border-bottom: none;
}

.potMain_list .pnum {
    height: .7rem;
    width: .7rem;
    display: inline-block;
    text-align: center;
    font-size: .45rem;
    color: #000000;
}

.potMain_list .ptext {
    margin-left: .02rem;
    font-size: .55rem;
    color: #666;
}

/*积分详情 消费详情 充值详情 我的优惠券公共部分*/
.detailPage {
    background-color: #FFFFFF;
}

.detLists li {
    border-bottom: .68rem solid #f0f0f0;
}

.detLists li:last-child {
    border-bottom: 0;
}

.detLists .detbrand {
    padding: .36rem 1.14rem;
    border-bottom: 1px solid #EBEBEB;
}

.detLists .detbrand p {
    height: 1.15rem;
    padding-left: .68rem;
    display: inline;
    font-size: .70rem;
}

.detLists .detbrand img {
    width: 1.8rem;
    height: 1.8rem;
}

.detLists .grade {
    padding: .36rem 1.14rem;
    height: 2.5rem;
}

.detLists .grade:last-child {
    border-bottom: 2px solid #d5d5d5;
}

.detLists .grade .custop {
    font-size: .60rem;
    color: #666;
    margin-bottom: 1.5rem;
}

.detLists .grade .plText {
    text-align: right;
    font-size: 2rem;
    width: 90%;
    display: inline;
    float: left;
}

.detLists .grade .prText {
    font-size: .60rem;
    color: #666;
    margin-top: .4rem;
    text-align: right;
    width: 10%;
    display: inline;
    float: left;
}

.detLists .text {
    padding: .6rem 1.14rem;
    line-height: 1.1rem;
    border-bottom: 1px solid #EBEBEB;
    font-size: .54rem;
}

.detLists .text:first-child {
    border-top: 2px solid #d5d5d5;
}

.detLists .text .yeText {
    color: #3f3f3f;
    width: 43%;
    float: left;
    font-size: .60rem;
}

.detLists .text .yeSex{
    width: 34%;
}
.detLists .text .riText {
    color: #a2a2a2;
    float: left;
    font-size: .55rem;
    width: 57%;
}

.dataclear .memberSave{
    margin: 1.5rem auto;
    height:3rem;
    text-align: center;
}
.dataclear .memberSave input{
    background: #ff7043;
    color:#fff;
    padding:.5rem 2.3rem;
    border:none;
    border-radius: .1rem;
    outline:medium;
    box-shadow:0 0.15rem 0.2rem #bbbbbb;
}


.dataclear .text .riText {
    color: #a2a2a2;
    float: right;
    font-size: .55rem;
    width: auto;
}

.dataclear .text .riText input[type=text]{
    font-size:.55rem; border:none; line-height:1.1rem; color:#3f3f3f; width:5rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align: right;outline:medium;
}
.dataclear .text .riText input[type=text]:last-child{
    width:4.7rem;
    padding-right: .8rem;
}

.textUrl{display: block;}
.dataclear .text .riText a,.dataclear .text .riText .rjt{
width:0.5rem; height:0.7rem; background:url(../images/icon-rjt.png) no-repeat; background-size:0.5rem 0.7rem; margin-top:.15rem;margin-left:.3rem;float:right;
}

.dataclear .text .sexCheck{
    display: inline;
    float:left;
    width:.9rem;
    height: .9rem;
    background-color: #cecece;
    border-radius: .1rem;
    background-image: url("../images/vip_orders/slide_box.png");
    background-size: .8rem;
    background-repeat: no-repeat;
    background-position: 0.1rem 0.22rem;
}

.dataclear .text .hasCheck{
    background-color: #FF7143;
}
.dataclear .text .sexText{
    display: inline;
    float:left;
    padding-left: .5rem;
    padding-right: 1.2rem;
}
.dataclear .text .sexText:last-child{
    padding-right: 0;
}
#ftr-date ul{padding:0 .6rem; box-sizing:border-box;}
#ftr-date li{line-height: 1rem; padding:.47rem 0;}
#ftr-date .bfselect{height:2rem; border-bottom: 1px solid #d5d5d5; line-height: 2rem; overflow: hidden; position:relative;}
#ftr-date .bfselect span{}
#ftr-date .bfselect img{float:right; height: .3rem; margin-top: .8rem;}
#ftr-date .bfselect select{position:absolute; top:0; left:0; opacity: 0; width:100%; height:100%;}
#ftr-date .btn_submit{float:right; width:40%; margin-top: .8rem;}
/*充值详情*/
.detLists .text .yeSpan {
    color: #ff7043;
}

.detLists .text span {
    float: none;
}

/*我的优惠券*/
.couList li {
    padding: .93rem .5rem 0;
    border-bottom: none;
}
.couList li:first-child{
    /*border-top: .68rem solid #f0f0f0;*/
}
.couList li a{color: #333;}
.detLists .coupon {
    border-radius: 12px;
    background-color: #FFFFFF;
    height: 3.56rem;
}

.detLists .cclearfix {
    background-image: url("../images/vip_orders/coupon_seal.png");
    background-repeat: no-repeat;
    /*background-position: 90% -10%;*/
    background-size: 3.56rem;
}

.detLists .coupon .cona {
    display: inline;
    float: left;
    position: relative;
}

.detLists .coupon .conText{
    padding-top:.35rem;
}

.detLists .coupon .cona img {
    width: 3.9rem;
    height: 3.56rem;
}

.detLists .coupon .cona .cona-text{clear:both;width: 2.8rem;line-height:1.125rem;position: absolute;left: .65rem;bottom:.7rem;color: #fff;}
.detLists .coupon .cona .cona-text em{font-size: .65rem;}
.detLists .coupon .cona .cona-text span{font-size:.82rem;display: inline-block;width: 1.6rem;text-align: center;}
.detLists .coupon .cona .cona-text i{font-size: .58rem;color: #fff;display:block;text-align: center;line-height: .7rem;}
.detLists .coupon p {
    display: inline-block;
    padding-left: .5rem;
    font-size: .55rem;
    height:1rem;
    width: 9.625rem;
    line-height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detLists .coupon p:last-child {
    font-size: .4rem;
    color: #a2a2a2;
}
.coupon-detail{margin-top: 1.88rem;}
.coupon-detail .detail-title{background-color: #efefef;height: 1.95rem;line-height:1.95rem;font-size:.78rem;color: #3c3c3c;font-weight:bold;border-bottom: 2px solid #d5d5d5;
padding-left: .625rem;margin-bottom: .375rem;}
.coupon-detail .detail-text{clear: both;font-size: .65rem;padding: .5rem 1.125rem .5rem .8rem;overflow: hidden;}
.coupon-detail .detail-text .detail-text-left{float:left;width: 3.4rem;height: .9rem;line-height: .9rem;padding-right: .6rem;color: #666;}
.coupon-detail .detail-text .detail-text-right{float:left;width:10rem;color: #333;line-height: .9rem;}

/*我的订单*/
.orderPage {
    background-color: #FAFAFA;
}

.detLists .detbrand strong {
    font-size: .6rem;
    height: .6rem;
}

.detLists .detbrand strong a{
    color: #333333;
}

.detLists .detbrand strong a img{
    height: .6rem !important;
    width: .4rem !important;
    padding-left: .3rem;
}

.detLists .detbrand strong img{
    height: .6rem !important;
    width: .6rem !important;
    padding-right: .3rem;
    padding-bottom: .15rem;
}

.detLists .payFinish, .payWait {
    position: absolute;
    right: .8rem;
    font-size: .55rem;
}

.detLists .payFinish {
    color: #179F5D;
}

.detLists .payWait {
    color: #DF2E36;
}

.detLists .goods {
    padding: .36rem 1.14rem;
    height: 3rem;
}

.detLists .protect{
    border-bottom: 1px solid #EBEBEB;
}

.detLists .kaiGoods{
    border-bottom: 1px solid #EBEBEB;
    margin: .6rem 1.14rem 0;
    padding:0 0 .6rem;
    height:2.2rem;
}

.detLists .kaiGoods .goodsInfo{
    width:6rem !important;
    padding-left: .3rem;
    padding-top:.3rem;
    float:left !important;
}

.detLists .kaiGoods .mon{
    padding-top:.3rem;
    text-align: right;
    line-height: 1.15rem !important;
    float: right !important;
    padding-left: 0 !important;
    width:2rem !important;
}

.detLists .kaiGoods .mon span{
    font-size: .55rem;
    padding-right: 0 !important;
}

.detLists .checkProblem span {
    color: #666;
}

.detLists .goods img {
    height: 3rem;
    width: auto;
    float: left;
}

.detLists .goods .package {
    height: 2.2rem;
    width: auto;
    float: left;
}

.detLists .goods .goodsInfo {
    display: inline;
    font-size: .60rem;
    color: #666;
    width: 8rem;
    float: right;
    clear: right;
    height: 2.3rem;
    line-height: 1.15rem;
}

.detLists .goods .keepHeal {
    height: .8rem;
    line-height: .8rem;
    font-size: .55rem;
    float: left;
    width: auto;
    padding-left: .4rem;
}

.detLists .goods .keepItem {
    display: inline;
    float: right;
    font-size: .50rem;
    color: #8C8C8C;
    height: 1.15rem;
    line-height: 1.15rem;
    width: 8rem;
}

.detLists .goods .serverType {
    font-size: .60rem;
    padding-top: 0.35rem;
}

.detLists .goods .preTime {
    font-size: .60rem;
    padding-bottom: 0.35rem;
}

.detLists .goods .mon {
    color: #a2a2a2;
    font-size: .5rem;
    display: inline;
    float: left;
    width: 4rem;
    line-height: 0.7rem;
    padding-left: 0.45rem;
}

.detLists .goods .mon span {
    color: #DF2E36;
    padding-right: 0.2rem;
}

.detLists .goodsList {
    padding: .36rem 1.14rem;
    height: 5rem;
    border-bottom: 1px solid #d5d5d5;
}

.detLists .goodsList .goodsComp {
    font-size: .60rem;
    color: #8C8C8C;
    margin-bottom: .2rem;
}

.detLists .goodsList img {
    height: 2.8rem;
    width:3rem;
    float: left;
}
.swiper-container li{
    width:3rem;
}
.detLists .payPart {
    padding: .36rem 1.14rem;
    height: 2.2rem;
}

.detLists .payPart .payLeft {
    width: 7rem;
    float: left;
}

.detLists .payPart p {
    font-size: .6rem;
    color: #8C8C8C;
}

.detLists .payPart .PayText span{
    color: #E2575C;
}

.detLists .payPart .PayMoney {
    color: #DF2E36;
}

.detLists .payPart input[type=submit] {
    margin-top: .3rem;
    width: 5rem;
    font-size: 0.7rem;
    height: 1.5rem;
    border: 0;
    background: #ff7143;
    color: #fff;
    float: left;
    border-radius: 0.1rem;
}

/*积分明细*/
.listPage {
    background-color: #FFFFFF;
}

.listTop {
    height: 8.1rem;
    background: url("../images/vip_orders/listbg.jpg");
    background-size: cover;
}

.listTop .pot_p1 {
    padding:.5rem 1rem 1rem;
    color: #fff;
    font-size: .6rem;
    line-height: 1.3rem;
}

.listTop .pot_p2 {
    text-align: center;
    color: #fff;
    font-size: 2rem;
}

.listTop .pot_p5 {
    color: #fff;
    font-size: 1rem;
}

.listTop .topAll {
    height: 3rem;
    margin-top: 0.5rem;
    text-align: center;
}

.listTop .topAll p {
    display: inline;
}

.listTop .topCal p {
    display: inline;
    line-height: 1.3rem;
}

.listTop .topCal .pot_p3 {
    color: #fff;
    font-size: .6rem;
    text-align: left;
    padding-left: 1rem;
    float: left;
}

.listTop .topCal .pot_p4 {
    color: #fff;
    font-size: .6rem;
    text-align: right;
    float: right;
    padding-right: 1rem;
}

.listTop .topCal {
    height: 1.3rem;
}

/*积分明细：每月明细*/
.listAll .month {
    background-color: #DCDCDC;
    height: 1.8rem;
    text-align: center;
}

.listAll .month p {
    display: inline;
    line-height: 1.8rem;
    font-size: .65rem;
    color: #000000;
}

.listAll .month .monLeft {
    text-align: left;
    padding-left: 1rem;
    float: left;
}

.listAll .month .monRight {
    text-align: right;
    float: right;
    padding-right: 1rem;
}

.listAll .pointGet {
    height: 3rem;
}

.listAll li .pointGet:nth-of-type(2n+1) {
    background-color: #F5F5F5;
}

.listAll .pointGet .pointDet {
    height: 1.6rem;
}

.listAll .pointGet .pointDet p {
    line-height: 1.2rem;
    display: inline;
    padding-top: .4rem;
}

.listAll .pointGet .pointDet .detailPot {
    font-size: .75rem;
    color: #ff7043;
    float: left;
    padding-left: 1rem;
    font-weight: bold;
}

.listAll .pointGet .pointDet .clearfix {
    color: #607D8B;
}

.listAll .pointGet .pointDet .detailDate {
    font-size: .6rem;
    color: #aeaeae;
    float: right;
    padding-right: 1rem;
}

.listAll .pointGet .pointText {
    height: 1rem;
    font-size: .6rem;
    padding-left: 1rem;
    line-height: 1rem;
    padding-bottom: .4rem;
    float: left;
}

/*首页*/
.home-header {
    background-color: #e02c36;
    height: 1.88rem;
    text-align: center;
    position: fixed;
    top: 0;
    width: 100%;
    min-width: 320px;
    left: 0;
    z-index: 9999;
}

.home-header .right-btn {
    width: .9rem;
    height: .9rem;
    padding-top: .46rem;
    padding-right: .46rem;
    float: right;
}
.home-header .left-btn {
    width: .9rem;
    height: .9rem;
    padding-top: .46rem;
    padding-left: .46rem;
    float: left;
}
.home-header a img {
    width: .9rem;
    height: .9rem;
}

.homeTop {
    height: 4.8rem;
    background: url("../images/vip_orders/bghome.jpg") repeat-x;
    background-size: 100% 4.8rem;
    z-index: 9999;
    position: fixed;
    top: 1.88rem;
    left: 0;
    width: 100%;
}

.homeTop .headImg {
    width: 2.61rem;
    height: 2.61rem;
    margin-top: 1.4rem;
    margin-left: .8rem;
    float: left;
    border-radius:50%;
}
.homeTop .laysHandle{
    position:absolute;
    top:1.4rem; 
    left:.8rem;
    width:2.61rem;
    height:2.61rem;
    border-radius:50%;
    opacity: 0;
}

.homeTop .userInfo {
    height: 2.5rem;
    width: 10rem;
    margin-top: 1.4rem;
    margin-left: 3.8rem;
}

.homeTop .userInfo p {
    color: #FFFFFF;
    display: inline;
    clear: right;
    float: left;
    height: .9rem;
}

.homeTop .userInfo .welcome {
    padding-bottom: 0.3rem;
}
.homeTop .userInfo .notReg {
    color:#fff;
    line-height: 2.5rem;
}
.homeTop .userInfo .cardPhone {
    font-size: .6rem;
    padding-right: .5rem;
}

.homeTop .userInfo .cardPhone img {
    padding-right: .5rem;
    width: 1.5rem;
}

.homeMain {
    margin-top: 6.5rem;
    padding: .8rem;
    background-color: #FAFAFA;
}

.homeMain .mainCell {
    display: inline;
    float: left;
    width: 33.33%;
    height: 5.6rem;
    border-left:1px solid #f0f0f0;
    border-top:1px solid #f0f0f0;
    text-align: center;
    box-sizing:border-box;
    color: #000;
}
.homeMain .mainCell:nth-child(3n+1){
    border-left:0;
}
.homeMain .mainCell:nth-child(1),.homeMain .mainCell:nth-child(2),.homeMain .mainCell:nth-child(3){
    border-top:0;
}
.homeMain .mainCell img {
    width: auto;
    height: 40%;
    margin: 20% auto 5%;
}

.homeMain .mainCell p {
    margin-top: 7%;
    font-size: .65rem;
}

/*我的钱包*/
.walletCard {
    background-color: #FAFAFA;
    padding: .6rem;
}

.walletCard .card {
    margin-top: .6rem;
    width: 14.8rem;
    height: 8rem;
    background-size: 14.8rem 8rem;
}

.walletCard .wa1 {
    background-image: url("../images/vip_orders/wallet-card1.png");
}

.walletCard .wa2 {
    background-image: url("../images/vip_orders/wallet-card2.png");
}

.walletCard .wa3 {
    background-image: url("../images/vip_orders/wallet-card3.png");
}

.walletCard .card p {
    color: #FFFFFF;
    font-size: .8rem;
}
.walletCard .card p:nth-last-child(1) {
	width:4.8rem;
}

.walletCard .card a {
    color: #FFFFFF;
}

.walletCard .card span {
    font-size: 2rem;
}

.walletCard .card .canText {
    padding-top: 1.3rem;
    padding-left: 1.3rem;
}

.walletCard .card .numText {
    padding-top: .7rem;
    text-align: center;
}

.walletCard .card .btnText {
    padding-top: 1.8rem;
    display: inline;
    float: left;
    width: 5rem;
    text-align: center;
}

.walletCard .card .checkCou {
    padding-left: 9.2rem;
    width: 5.8rem;
}

.card:first-child {
    margin-top: 0;
}

/*我的订单*/
.child-header .choose-btn {
    width: 2rem;
    height: 1.88rem;
    line-height: 2rem;
    text-align: center;
    position: absolute;
    right: 0;
    vertical-align: middle;
}

.child-header .choose-btn img {
    height: 1.2rem;
    margin: .35rem auto 0;
}

.Sort-eject {
    position: fixed;
    top: -65%;
    width: 100%;
    height: 100%;
    z-index: 999;
    -webkit-transition-duration: 0.4s;
	background:none !important;
}

.Sort-eject > ul {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
    margin: 0;
    padding: 0;
    overflow: auto;
    height: 100%;
    width: 100%;
    -webkit-transition-duration: 0.4s;
}

.Sort-eject > ul > li {
    line-height: 2rem;
    font-size: 0.55rem;
    color: #666666;
    padding-left: 1rem;
    border-bottom: solid 1px #eee;
}
.Sort-eject .opcti { width:100%; position:absolute; top:0; left:0; z-index:1; background:#000; opacity:0.4; }

.grade-w-roll {
    top: 1.88rem;
}

.grade-w-roll::after {
    position: fixed;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.2);
    top: 0;
}

.Sort-Sort {
    background: #fff;
    position: absolute;
    z-index: 3;
    left: 0;
    list-style-type: none;
}

.Sort-Sort > li {
    border-bottom: solid 1px #eee;
    padding: 0;
}

.Sort-eject .sort-New{
    color : #ff7c08;
    background-image : url(../images/vip_orders/checkok.jpg);
    background-repeat : no-repeat;
    background-size : 0.6rem 0.5rem;
    background-position : 15rem 0.8rem;
}

.Sort-height {
    height: 12rem;
}


/*特卖列表页*/
.secarlist-group{padding:.7rem .75rem; margin-top: 1.88rem; background-color: #fff;}
.secarlist li{box-shadow: 0 2px 6px 0px #ddd; margin-bottom: .34rem; font-family: "黑体";}
.secarlist a{display: block;}
.secarlist .photo{height:7.47rem; position:relative; overflow: hidden;}
.secarlist .cartag{position:absolute; top:0; left:0; width:3rem; height:3rem;overflow:hidden;display: block;background: url(../images/vip_orders/seckilltag.png) no-repeat 0 0;background-size:3rem; }
.secarlist .carimg{width:100%;}
.secarlist .name{position:absolute; bottom:0; left:0; width:100%; height:1.7rem; line-height: 1.7rem; font-size: .68rem; color:#fff; text-indent: .5rem; background-color: rgba(0,0,0,.7);}
.secarlist .dtime{padding:0 .6rem; font-size: .625rem; color:#979797; height:2.2rem;line-height: 2.2rem;}
.secarlist .dtime img{width: 1rem;}
.secarlist .dtime .dtime-activity{display: inline-block;height:2.2rem;line-height: 2.2rem;}
.secarlist .dtime .dtime-activity i{padding: 0 .25rem;}

/* 充值 */
.successful { padding-top:0.7rem; }
.successful h3 { font-size:0.75rem; padding-left:0.8rem; }

.recharge { padding:0.7rem 0.8rem 0 0.8rem; position:relative; }
.recharge input { width:14.4rem; height:1.85rem; border:1px solid #dddddd; padding-left:0.8rem; font-size:0.7rem; color:#333; }
.select_btn { width:1.85rem; height:1.85rem; position:absolute; top:0.7rem; right:0.8rem; z-index:3; }
.select_btn a { display:block; width:0; height:0; border-top:0.25rem solid #ccc; border-left:0.25rem solid #ccc; border-bottom:0.25rem solid transparent; border-right:0.25rem solid transparent; transform:rotate(-135deg); margin:0.7rem auto; transition:all 0.3s; }
.select_list { box-sizing:border-box; width:14.4rem; border:1px solid #dddddd; border-top:0; padding:0.4rem 0.8rem; position:absolute; top:2.55rem; left:0.8rem; display:none; z-index:2; background:#fff; }
.select_list p { line-height:1.5rem; color:#707070; font-size:0.6rem; }
.select_list li { width:100%; height:1.4rem; line-height:1.4rem; }
.select_list li span { display:block; width:5.5rem; float:left; }
.select_list li i { display:block; width:3rem; float:right; text-align:right; line-height:1.3rem; }

.recharge_num { margin-top:0.7rem }
.recharge_num_title { position:relative; }
.recharge_num_title p { position:absolute; bottom:0; right:0.8rem; color:#e4575d; }

.recharge_num ul { width:100%; padding-left:0.8rem; margin-top:0.75rem; overflow:hidden; }
.recharge_num ul li { width:4.45rem; height:1.75rem; line-height:1.7rem; box-sizing:border-box; border:1px solid #ff7143; background:#fff; font-size: .8rem; color:#ff7143; text-align:center; border-radius:0.2rem; float:left; margin-bottom:0.75rem; margin-left:0.5rem; }
.recharge_num ul li:nth-of-type(3n+1) { margin-left:0; }
.recharge_num form { padding-left:0.8rem; }
.recharge_num input { width:14.38rem; font-size:0.7rem; }
.recharge_num input[type=text] { margin-top:0.5rem; height:2.7rem; background-color: #fafafa; border:1px solid #dddddd; text-indent:1rem; }
.recharge_num input[type=submit] { height:1.8rem; margin-top:2rem; border:0; background:#ff7143; color:#fff; border-radius:0.2rem; }
.recharge_num .li_click { color:#fff; background:#ff7043; }


/* 充值成功 */
.success { }
.success h1 { background:url(../images/vip_orders/successful.png) no-repeat 2rem 2.4rem; line-height:1.8rem; background-size:1.8rem; padding:2.4rem 0; font-size:1.2rem; color:#17a05e; font-weight:normal; text-indent:4.25rem; }
.message { margin-left:0.8rem; width:14.4rem; height:11.25rem; padding:0.5rem 0 0 1.45rem; background:url(../images/vip_orders/message_bg.png) no-repeat; background-size:14.4rem; }
.message li { height:2.2rem; line-height:2.2rem; width:10.7rem; padding-left:0.8rem; border-bottom:2px dotted #d5d5d5; }
.message li:last-of-type { border:0; }
.message li p { width:3.8rem; float:left; color:#707070; }
.message li span { color:#343434; }
.message li strong { color:#e02c36; font-weight:normal; }


.vehicle_input, .car_owner { padding-bottom:0.45rem; background:#fff; }
.vehicle_input ul, .car_owner ul {}
.vehicle_input .recommend { padding:0.5rem 0.8rem; margin-top:0.45rem; background:#fff2e1; }
.vehicle_input .recommend p { width:14.4rem; line-height:1.2rem; color:#ff7043; font-size:0.7rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.vehicle_input li, .car_owner li { padding-left:0.8rem; width:14.4rem; zoom:1; }
.vehicle_input li:after, .car_owner li:after { display:block; content:""; clear:both; }
.vehicle_input h3, .car_owner h3 { width:4rem; font-weight:normal; font-size:0.68rem; line-height:2.75rem; float:left; }
.vehicle_input h3 i { color:#dd454b; }
.vehicle_input li div, .car_owner li div { width:9.9rem; height:2.75rem; border-bottom:2px solid #d5d5d5; float:left; position:relative; }
.vehicle_input li .text_s{line-height: 2.75rem;}
.vehicle_input li div em{font-size: .65rem;color: #50a5f6;}
.vehicle_input li div em.disabled{color:#999;}
.vehicle_input input, .car_owner input { font-size:0.7rem; border:none; line-height:2.75rem; color:#3f3f3f; width:9rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 
.vehicle_input .car_city { width:3rem; overflow:visible; }

.vehicle_input .car_city select{position:absolute;top:0;left:0;opacity: 0;width:100%;height:100%;font-size: .6rem;}
.vehicle_input .car_city span{font-size:0.7rem;color:#AEAEAE;line-height:2.75rem;padding-right: .4rem;}
.vehicle_input .select_city, .vehicle_input .select_car { display:block; position:absolute; top:50%; right:0.2rem; }
.vehicle_input .select_city { width:0.7rem; height:0.5rem; background:url(../images/icon-toparrow1.png) no-repeat; background-size:0.7rem 0.5rem; margin-top:-0.25rem; }
.vehicle_input .select_car { width:0.5rem; height:0.7rem; background:url(../images/icon-rjt.png) no-repeat; background-size:0.5rem 0.7rem; margin-top:-0.35rem; }

.vehicle_input .car_city input { width: 90%; padding-right: 10%; }
.vehicle_input .car_city_num { width:5.8rem; margin-left:1rem; }
.vehicle_input .car_city_num input { width:5.8rem; }
.vehicle_input ul li:nth-of-type(3) input { width:8.6rem; -webkit-appearance:none !important; margin:0; -moz-appearance: textfield; }
.vehicle_input li input:focus, .car_owner li input:focus { outline:none; }
.vehicle_input ul p{padding-left: 4.9rem;color: #fe8665;font-size: .6rem;margin-top: .25rem;}
.car_owner { margin-top:0.8rem; }

.maintenance_program ,.vehicle_input .save{ padding:1.2rem 0; }
.maintenance_program input ,.vehicle_input .save input{ display:block;  height:1.8rem; background:#ff7043; color:#fff; line-height:1.8rem; text-align:center; font-size:0.7rem; border-radius:0.2rem; margin:0 auto; box-shadow:0 0.15rem 0.2rem #bbbbbb; }
.maintenance_program input {width:14.4rem;}
.vehicle_input .save input{width: 5.55rem;}
.select_car_wrap, .select_city_wrap { position:fixed; top:1.88rem; left:0; width:100%; height:100%; z-index:10; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
.select_car_wrap { transform:translateX(100%); -webkit-transform:translateX(100%); -moz-transform:translateX(100%); }
.select_car_wrap .car_opcti, .select_city_wrap .city_opcti { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.3; z-index:1; }
.select_car_content, .select_city_content { position:absolute; z-index:2; }
.select_car_content { top:0; right:0; width:70%; height:100%; padding-right:0.8rem; background:#fff; }
.select_car_list { float:right; padding-bottom:2rem; }
.choice_car { padding:0.5rem 0; }
.choice_car select, .choice_city select { width:10.4rem; height:1.5rem; font-size:0.6rem; }
.choice_car option, .choice_city option { font-size:0.6rem; color:#979797; }
.car_tab_storage, .car_city_storage { width:100%; margin-top:5rem; }
.car_tab_storage input { background:#ff7043; color:#fff; border:none; float:right; font-size:0.7rem; padding:0.2rem 2.4rem; border-radius:0.2rem; }
.car_tab_storage input:focus { outline:none; }

.car_show { transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); }

.select_city_wrap { transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); }
.select_city_content { width:100%; left:0; bottom:3.88rem; background:#dcdcdc; }
.select_city_list { width:100%; overflow:hidden; padding:0; margin:0; position:relative; }
.select_city_list ul { width:100%; margin-left:1px; } 
.select_city_list ul li { width:1.72rem; height:1.73rem; line-height:1.73rem; background:#fff; text-align:center; float:left; border:1px solid #dcdcdc; margin-top:-1px; margin-left:-1px; } 
.select_city_list .choice_number { margin-bottom:0.2rem; } 
.select_city_list .choice_number li { width:1.554rem; height:1.6rem; } 
.select_city_list li.active {background:#ff7143;color:#fff;}

.city_tab_storage { width:100%; background:#fff; margin-top:-1px; height:2rem; line-height:2rem; }
.city_tab_storage .next, .city_tab_storage .del_btn { box-sizing:border-box; float:left; border:1px solid #dcdcdc; text-align:center; }
.city_tab_storage .next { width:75%; }
.city_tab_storage .del_btn { width:25%; }

.city_show { transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); }




